<template>
    <div class="list">
        <p class="p1">
            <span class="span1">语音播报</span>
            <span class="span2">
                <el-switch
                    v-model="value2"
                    active-color="#13ce66"
                    inactive-color="#ff4949">
                </el-switch>    
            </span>    
        </p>
        <p class="p1">
            <span class="span1">语音包</span>
        </p>
        <p class="p1">
            <span class="span1">自动暂停</span>
            <span class="span2">
                <el-switch
                    v-model="value3"
                    active-color="#13ce66"
                    inactive-color="#ff4949">
                </el-switch>    
            </span>    
        </p>
        <p class="p1">
            <span class="span1">屏幕常量</span>
            <span class="span2">
                <el-switch
                    v-model="value4"
                    active-color="#13ce66"
                    inactive-color="#ff4949">
                </el-switch>    
            </span>    
        </p>
        <router-link to="/runRecord"> 
            <p class="p1">
                <span class="span1">我的跑步记录</span>
            </p>
        </router-link> 
        <p class="p1">
            <span class="span1">发现线路</span>
        </p>
        <p class="p1">
            <span class="span1">自动匹配路线</span>
            <span class="span2">
                <el-switch
                    v-model="value5"
                    active-color="#13ce66"
                    inactive-color="#ff4949">
                </el-switch>    
            </span>    
        </p> 
        <p class="p1">
            <span class="span1">锁屏显示运动数据</span>
            <span class="span2">
                <el-switch
                    v-model="value6"
                    active-color="#13ce66"
                    inactive-color="#ff4949">
                </el-switch>    
            </span>    
        </p>
        <p class="p1">
            <span class="span1">离线地图</span>
        </p> 
    </div>
</template>
<script>
export default {
    name:'RunSetList',
    data(){
        return{
            value1: true,
            value2: true,
            value3: true,
            value4: true,
            value5: true,
            value6: true
        }
    }
}
</script>
<style lang="less" scoped>
.list{
    width: 100%;
    .p1{
        width: 100%;
        height: 50px;
        background-color: #fff;
        margin-bottom: 10px;
        line-height: 50px;
        .span1{
            display: inline-block;
            font-size: 18px;
            color:#171818;
            font-weight: 700;
            margin-left: 20px;
        }
        .span2{
            width: 50px;
            height: 50px;
            float: right;
            margin-right: 10px;
        }
    }
}  
</style>